<template>
  <div>
    <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
      <a-form-item label="样品类型">
        <!-- <a-input v-model:value="formState.sampleType" /> -->
        <a-select v-model:value="formState.sampleType">
          <a-select-option value="Sample">Sample</a-select-option>
          <a-select-option value="CalBlk">CalBlk</a-select-option>
          <a-select-option value="CalStd">CalStd</a-select-option>
        </a-select>
      </a-form-item>
      <a-form-item label="样品名称">
        <a-input v-model:value="formState.sampleName" />
      </a-form-item>
      <a-form-item label="注释">
        <a-input v-model:value="formState.comment" />
      </a-form-item>
      <a-form-item label="样品瓶号">
        <a-input v-model:value="formState.samplePosition" />
      </a-form-item>
      <a-form-item label="文件名称">
        <a-input v-model:value="formState.fileName" />
      </a-form-item>
      <a-form-item label="重复次数">
        <a-input v-model:value="formState.replicates" />
      </a-form-item>
      <a-form-item label="级别">
        <a-input v-model:value="formState.level" />
      </a-form-item>
      <a-form-item label="样品重量(g)">
        <a-input v-model:value="formState.sampleWeightVol" />
      </a-form-item>
      <a-form-item label="酸液重量(g)">
        <a-input v-model:value="formState.finalWeightVol" />
      </a-form-item>
      <!-- <a-form-item label="总稀释">
        <a-input v-model:value="formState.diluMult" />
      </a-form-item> -->
      <a-form-item label="批号">
        <a-input v-model:value="formState.userDefine3" />
      </a-form-item>
      <a-form-item label="采样人员">
        <a-input v-model:value="formState.userDefine2" />
      </a-form-item>
    </a-form>
  </div>
</template>
<script setup lang="ts">
const labelCol = { style: { width: '100px' } };
const wrapperCol = { style: { width: '270px' }, offset: 1 };
const formState = reactive<iTemplate>({
  sampleType: '', // 样品类型
  samplePosition: '', // 样品位置
  sampleName: '', // 样品名称
  fileName: '', // 文件名称
  finalWeightVol: 0, // 酸重
  sampleWeightVol: 0, // 样品重
  autoDilution: 1, // 自动
  replicates: 1, // 重复次数
  diluMult: 1, // 稀释倍数
  comment: '', // 备注
  userDefine1: '', // 采样时间
  userDefine2: '', // 采用用户
  userDefine3: '', // 样品批号
  level: '',
});
const getData = () => {
  return toRaw(formState);
};
defineExpose({
  getData,
});
</script>
<style lang="less" scoped>
:deep(.ant-input) {
  color: #e6e6e6 !important;
  background-color: #242424 !important;
  border: none;
}
</style>
